<?php defined('IN_YuLin') || exit('NO PERMIT!'); ?>
{template index/header}
	<style>
        .reul_li { height: 45px; line-height: 45px; }
        .reinput { width: 330px; float: left; line-height: 40px; height: 40px; }
        .reinput input { height: 38px; }
        .reselectbox   { width: 330px; height: 30px; float: left; }
        .reselect      { width: 230px; height: 30px; }
    </style>
	<div class="container containerUser fix pt15">
		<div class="container notSign fix pt15">
        	<div class="userMain mgb10 setQuestion">
               	<ul class="queue">
                    <li class="now"><span>设置新密保问题</span><i></i></li>
                    <li><span>完成</span><i></i></li>
               	</ul> 
               	<form class="layui-form" action="" autocomplete="off" method="post" id="questionform">
               		<input type="hidden" name="operation" value="setQuestion"/>
               		<ul class="submitContent mglr30 mgt15">
                		<li class="reul_li">
                			<span style="float: left;">问题一：</span>
                 			<div class="reselectbox">
            					<select name="question1" class="reselect" lay-verify="required">
                     				<option value="">--请选择密保问题--</option>
                     				<option value="1">您的小学班主任是谁？</option>
                     				<option value="2">您的初中班主任是谁？</option>
                     				<option value="3">您的高中班主任是谁？</option>
                     				<option value="4">您最最喜欢的人是谁？</option>
                     				<option value="5">您喜欢的宠物叫什么？</option>
                     				<option value="6">您的出生地点在哪里？</option>
                     				<option value="7">您配偶的姓名叫什么？</option>
                     				<option value="8">您爷爷的姓名叫什么？</option>
                     				<option value="9">您爸爸的姓名叫什么？</option>
                     				<option value="10">您妈妈的姓名叫什么？</option>
                     			</select>
    						</div>
                  			<div style="clear: both;"></div>
              			</li> 
                		<li class="reul_li">
                			<span style="float: left;">答案一：</span> 
                			<div class="reinput">
                				<input name="answer1" autocomplete="off" class="layui-input" type="tel">
                			</div>
                			<div style="clear: both;"></div>
                        </li> 
                        <li class="reul_li">
                			<span style="float: left;">问题二：</span>
                 			<div class="reselectbox">
            					<select name="question2" class="reselect" lay-verify="required">
                     				<option value="">--请选择密保问题--</option>
                     				<option value="1">您的小学班主任是谁？</option>
                     				<option value="2">您的初中班主任是谁？</option>
                     				<option value="3">您的高中班主任是谁？</option>
                     				<option value="4">您最最喜欢的人是谁？</option>
                     				<option value="5">您喜欢的宠物叫什么？</option>
                     				<option value="6">您的出生地点在哪里？</option>
                     				<option value="7">您配偶的姓名叫什么？</option>
                     				<option value="8">您爷爷的姓名叫什么？</option>
                     				<option value="9">您爸爸的姓名叫什么？</option>
                     				<option value="10">您妈妈的姓名叫什么？</option>
                     			</select>
    						</div>
                  			<div style="clear: both;"></div>
              			</li> 
                		<li class="reul_li">
                			<span style="float: left;">答案二：</span> 
                			<div class="reinput">
                				<input name="answer2" autocomplete="off" class="layui-input" type="tel" >
                			</div>
                			<div style="clear: both;"></div>
                        </li> 
                        <li class="reul_li">
                			<span style="float: left;">问题三：</span>
                 			<div class="reselectbox">
            					<select name="question3" class="reselect" lay-verify="required">
                     				<option value="">--请选择密保问题--</option>
                     				<option value="1">您的小学班主任是谁？</option>
                     				<option value="2">您的初中班主任是谁？</option>
                     				<option value="3">您的高中班主任是谁？</option>
                     				<option value="4">您最最喜欢的人是谁？</option>
                     				<option value="5">您喜欢的宠物叫什么？</option>
                     				<option value="6">您的出生地点在哪里？</option>
                     				<option value="7">您配偶的姓名叫什么？</option>
                     				<option value="8">您爷爷的姓名叫什么？</option>
                     				<option value="9">您爸爸的姓名叫什么？</option>
                     				<option value="10">您妈妈的姓名叫什么？</option>
                     			</select>
    						</div>
                  			<div style="clear: both;"></div>
              			</li> 
                		<li class="reul_li">
                			<span style="float: left;">答案三：</span> 
                			<div class="reinput">
                				<input name="answer3" autocomplete="off" class="layui-input" type="tel" >
                			</div>
                			<div style="clear: both;"></div>
                        </li> 
                     	<li class="reul_li">
                     		<span style="float: left;">安全密码：</span> 
                			<div class="reinput">
                				<input name="safepwd" autocomplete="off" class="layui-input" type="tel" >
                			</div>
                			<div style="clear: both;"></div>
                      	</li>
            			<li class="reul_li">
            				<span></span> 
            				<a class="submitBtn ClickShade">确定</a>
        				</li>
          			 </ul>
      			 </form> 
    		</div>
    	</div>
	</div>
{template index/footer}

<script>
	$('.submitBtn').on('click', '', function (){
		$('#questionform').submit();
	})
	$('#questionform').on('submit', '', function (){
		if(!this.question1.value){
			alert('请选择问题一');
			return false;
		}
		if(!this.answer1.value){
			alert('输入问题一答案');
			return false;
		}
		if(!this.question2.value){
			alert('请选择问题二');
			return false;
		}
		if(!this.answer2.value){
			alert('输入问题二答案');
			return false;
		}
		if(!this.question3.value){
			alert('请选择问题三');
			return false;
		}
		if(!this.answer3.value){
			alert('输入问题三答案');
			return false;
		}
		if(!this.safepwd.value){
			alert('请输入安全码');
			return false;
		}
		return true;
	})
</script>
